<!DOCTYPE html>
<html lang="en">
<head>
<title>富康修</title>
	
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content=" Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->
    
	<!-- css files -->
	<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
	<link rel="stylesheet" href="css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	<!--web font-->
	<link href="//fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
	<!--//web font-->

</head>

<body>


<!-- header -->
<header>
	<div class="container">
		<!-- top header -->
		<section class="row top_header pt-3">
			<div class="col-lg-6">
			</div>
				<div class="col-lg-6 buttons">
					<p><i class="fas mr-1 fa-phone"></i> 188-4678-5418</p>
					<a href="/X-admin/login.html" target="_blank"> 	管理员登录  </a>
				</div>
		</section>
		<!-- top header -->

		<!-- nav -->
		<nav class="navbar navbar-expand-lg navbar-light py-sm-4 py-2">
			<!-- logo -->
			<h1>
				<a class="navbar-brand" href="index.html"> <i class="fab fa-affiliatetheme"></i>
					富康修
				</a>
			</h1>
			<!-- //logo -->
			<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
				aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<!-- main nav -->
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav ml-lg-auto text-center">
					<li class="nav-item active  mr-lg-3">
						<a class="nav-link" href="index.html">主页
							<span class="sr-only">(current)</span>
						</a>
					</li>
					<li class="nav-item mr-lg-3">
						<a class="nav-link" href="about.html">关于我们</a>
					</li>
					<li class="nav-item mr-lg-3">
						<a class="nav-link" href="services.html">预约</a>
					</li>
					<li class="dropdown nav-item mr-lg-3">
						<a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle ">
							总览
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu" role="menu">
							<li class="nav-item">
								<a href="course.html" class="nav-link">师资力量</a>
							</li>

						</ul>
					</li>
					<li class="nav-item mr-3">
						<a class="nav-link" href="contact.html">联系</a>
					</li>
					<li>
						<!-- search --->
					<div class="search-bar-agileits">
						<div class="cd-main-header">
							<ul class="cd-header-buttons">
								<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
							</ul>
							<!-- cd-header-buttons -->
						</div>
						<div id="cd-search" class="cd-search">
							<form action="#" method="post">
								<input name="Search" type="search" placeholder="Click enter after typing...">
							</form>
						</div>
					</div>
					<!-- search --->

					</li>
				</ul>
			</div>
			<!-- //main nav -->
		</nav>
		<!-- //nav -->
	</div>
</header>
<!-- //header -->

 <!-- inner banner -->
    <div class="inner_banner layer" id="home">
        <div class="container">
            <div class="agileinfo-inner">
                <h2 class="text-center text-white">
                    联系
                </h2>
            </div>
        </div>
    </div>
    <!-- //inner banner -->
    <!-- breadcrumbs -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="index.html">主页</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">联系我们</li>
        </ol>
    </nav>
    <!-- //breadcrumbs -->

<!-- contact -->
<section class="contact py-5">
	<div class="container py-sm-3">
		<h3 class="heading text-capitalize mb-lg-5 mb-4"> 联系我们 - <span>与我们取得联系</span> </h3>
		<div class="address row">
			<div class="col-md-4 address-grid">
				<div class="address-info">
					<div class="address-left text-center">
						<i class="far fa-map"></i>
					</div>
					<div class="address-right text-center">
						<h6 class="ad-info text-uppercase mb-2">公司地址</h6>
						<p> 第一街道1号（故宫旁边）一环，北京市
						</p>
					</div>
				</div>

			</div>
			<div class="col-md-4 address-grid">
				<div class="address-info">
					<div class="address-left text-center">
						<i class="far fa-envelope"></i>
					</div>
					<div class="address-right text-center">
						<h6 class="ad-info text-uppercase mb-2">邮箱</h6>
							<a href="mailto:info@www.Fukangx.com"> mailto:info@www.Fukangx.com</a>
					</div>

				</div>
			</div>
			<div class="col-md-4 address-grid">
				<div class="address-info">
					<div class="address-left text-center">
						<i class="fas fa-mobile-alt"></i>
					</div>
					<div class="address-right text-center">
						<h6 class="ad-info text-uppercase mb-2">电话</h6>
						<p>+188 4678 5418</p>
						<p>+188 4598 2331</p>

					</div>
				</div>
			</div>
		</div>
		<div class="form row py-5">
			<div class="col-lg-6 contact-form">
				<form action="#" id="biaoge">
					<div class="fields-grid">
						<input type="hidden" name="cid">
						<div class="styled-input agile-styled-input-top">
							<input type="text" name="cname" required="">
							<label>您的姓名</label>
							<span></span>
						</div> 
						<div class="styled-input">
							<input type="email" name="cemail" required="">
							<label>邮箱地址</label>
							<span></span>
						</div>
						<div class="styled-input">
							<input type="tel" name="cphone" required="">
							<label>电话号码</label>
							<span></span>
						</div>
						<div class="styled-input mt-5">
							<input type="tel" name="cliuyan" required="">
							<label class="text">您的留言</label>
							<span></span>
						</div>
					</div>
					<button type="submit" onclick="tt();" class="layui-btn" >点击提交</button>
				</form>
			</div>
			<div class="col-lg-6 mt-lg-0 mt-5">
				<div class="bg-img">
					<div class="contact-layer">
						<h3 class="mb-3">想获取更多信息可随时联系我们</h3>
						<p><i class="fas mr-2 fa-phone"></i> +188 4678 5418</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="map">
			<iframe src="https://www.amap.com/search?query=北京市海淀区海淀大街3号&city=110000&geoobj=116.313704%7C39.983187%7C116.318266%7C39.985091&zoom=18.07"
						style="border:0"></iframe>
		</div>
	</div>
</section>	
<!-- //contact -->
		
<!-- footer -->	
<footer>
	<div class="container-fluid p-sm-5 py-5">
		<div class="row footer-gap">
			<div class="col-lg-3 col-sm-6">
				<h3 class="text-uppercase mb-3">地址</h3>
				<address class="mb-0">
					<p><strong>总部:</strong></p>
					<p class="mb-3"><i class="fas fa-map-marker"></i> 第一街道1号（故宫旁边） <br>一环，北京市</p>
					<p><i class="fas fa-clock"></i> 工作时间 : 10 a.m to 6 p.m</p>
					<p><i class="fas fa-phone"></i> +18846785418</p>
					<p><i class="fas fa-envelope-open"></i> <a href="mailto:info@www.Fukangx.com">邮箱地址</a></p>
					<p><i class="fas fa-fax"></i> 110/120/119</p>
				</address>
			</div>
			<div class="col-lg-2 col-sm-6 mt-lg-0 mt-sm-0 mt-4 p-md-0">
				<h3 class="text-uppercase mb-3">公司</h3>
				<div class="links">
					<a class="text-capitalize" href="#"> 如此强大的公司，你一定会选！</a>
					<a class="pt-2 text-capitalize" href="#"> 公司证明</a>
					<a class="pt-2 text-capitalize" href="#"> 公司业务</a>
					<div class="divider"></div>
					<a class="pt-2 text-capitalize" href="#"> 服务</a>
					<a class="pt-2 text-capitalize" href="#"> 反馈</a>
				</div>	
			</div>
			<div class="col-lg-2 col-md-3 col-sm-6 mt-lg-0 mt-sm-5 mt-4 p-md-0">
				<h3 class="text-uppercase mb-3">支持</h3>
				<div class="links">
					<a class="text-capitalize" href="#"> 联系我们</a>
					<a class="pt-2 text-capitalize" href="#"> 技术支持</a>
					<div class="divider"></div>
					<a class="pt-2 text-capitalize" href="#"> 隐私政策</a>
					<a class="pt-2 text-capitalize" href="#"> 反馈 & 常见问题</a>
					<a class="pt-2 text-capitalize" href="#"> 使用条款</a>
				</div>	
			</div>
			<div class="col-lg-3 col-md-5 col-sm-6 mt-lg-0 mt-sm-5 mt-4 pr-md-5">
				<h3 class="text-uppercase mb-3">通讯</h3>
				<p class="mb-4">订阅我们的时事通讯以获得新闻，超值优惠等</p>
				<form action="#" method="post">
					<input type="email" name="Email" placeholder="Enter your email..." required="">
					<button class="btn1"><i class="far fa-paper-plane"></i></button>
					<div class="clearfix"> </div>
				</form>
			</div>
			<div class="col-lg-2 col-md-4 col-sm-6 mt-lg-0 mt-sm-5 mt-4">
				<h3 class="text-uppercase mb-3"> 跟着我们</h3>
				<p class="mb-4">在社交媒体上关注我们</p>
				<ul class="social mt-lg-0 mt-3">
					<li class="mr-1"><a href="#"><span class="fab fa-facebook-f"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-twitter"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
					<li class=""><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
					<div class="social-divider"></div>
					<li class="mr-1"><a href="#"><span class="fas fa-rss"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-vk"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-vimeo-v"></span></a></li>
					<li class=""><a href="#"><span class="fab fa-yahoo"></span></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="copyright pb-5 text-center">
		<p>© 2018 Eduversity. 保留所有权利 | 由<a href="http://www.W3Layouts.com" target="_blank">W3Layouts</a>设计</p>
	</div>
</footer>
<!-- footer -->
<!-- Login modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title text-uppercase" id="exampleModalLabel1">登录</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<form action="#" method="post" class="p-3">
						<div class="form-group">
							<label for="recipient-name" class="col-form-label">用户名</label>
							<input type="email" class="form-control" placeholder="User Name" name="Name" id="recipient-name" required="">
						</div>
						<div class="form-group">
							<label for="recipient-name1" class="col-form-label">密码</label>
							<input type="password" class="form-control" placeholder="Password" name="Name" id="recipient-name1" required="">
						</div>
						<div class="right-w3l mt-4 mb-3">
							<input type="submit" class="form-control" value="立即登录">
						</div>
					</form>

				</div>
			</div>
		</div>
	</div>
	<!-- //Login modal -->

	<!-- Register modal -->
	<!-- //Register modal -->


	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->	
	
	<!-- search-bar -->
	<script src="js/main.js"></script>
	<!-- //search-bar -->
	
	<!-- start-smoth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
<script src="/X-admin/html/js/jquery-3.4.1.min.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->
<script type="text/javascript">

	function tt(){
       var aa= $("#biaoge").serializeArray();// jquery form -> json
	    $.ajax({
			url:'/liuyan/add',
			data:aa,
			type:'Post',
			success:function (d){
if(d===1){

    alert("留言成功！！");
}
else if(d===0){

    alert("留言失败，请检查格式!");
}
            }
		});
		return false;
	}

</script>
</body>
</html>